import * as React from 'react';
import { View, Image } from 'remax/wechat';
import styles from './index.less';

const index = () => {
  const list = [
    {
      icon: '/images/toolsicon/ticket.png',
      name: "门票"
    },
    {
      icon: '/images/toolsicon/gocar.png',
      name: "直通车"
    },
    {
      icon: '/images/toolsicon/hotel.png',
      name: "酒店"
    },
    {
      icon: '/images/toolsicon/food.png',
      name: "餐饮"
    },
    {
      icon: '/images/toolsicon/taxi.png',
      name: "出租车"
    },
  ];
  return <View className={`${styles.tools} flex flex_col_center flex_row_between`}>
    {
      list.map((item, index) => (<View key={index} className={`flex_one ${styles.tool} flex flex_col flex_col_center`}>
        <View className={styles.tool_img}>
          <Image mode="scaleToFill" src={item.icon} />
        </View>
        <View className={styles.tool_title}>
          {item.name}
        </View>
      </View>))
    }

  </View>
}

export default index;